import { BrowserRouter as Router, Route } from 'react-router-dom';

import App1 from './App1';
import { App2 } from './App2';
import { App3 } from './App3';
import { App4 } from './App4';
import { Todos } from './Todos';
import { Home } from './Home';

export const App = () => {
  return (
    <Router>
      <Route path={'/'} component={Home} />
      <Route path={'/app1'} component={App1} />
      <Route path={'/app2'} component={App2} />
      <Route path={'/app3'} component={App3} />
      <Route path={'/app4/:id?'} component={App4} />
      <Route path={'/todos'} component={Todos} />
    </Router>
  );
};
